body{
	font-size: .7rem;
	background: #f7f7f7;
}
@font-face {
  font-family: 'iconfont';  /* project id 210681 */
  src: url('http://at.alicdn.com/t/font_sgedj8cef3qsemi.eot');
  src: url('http://at.alicdn.com/t/font_sgedj8cef3qsemi.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_sgedj8cef3qsemi.woff') format('woff'),
  url('http://at.alicdn.com/t/font_sgedj8cef3qsemi.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_sgedj8cef3qsemi.svg#iconfont') format('svg');
}
/*头部样式*/
.cart-header{
	height: 2.3rem;
	border-bottom:1px solid #ccc;
	display: flex;
	justify-content:space-between;
	align-items:center;
	padding: 0 .7rem;
	background: #fff;
	position: fixed;
	top:0;
	width: 100%;
	z-index: 10;
}
.cart-header .return::before{
	content: "\e670";
	font-family: 'iconfont';
	color: #666;
}

.cart-header .address::before{
	display: block;
	content: "\e60c";
	font-family: 'iconfont';
	font-size: 1rem;
	line-height: .7rem;
	color: #666;
}
.cart-header div{
	width: 7.5rem;
	display: flex;
	justify-content:space-between;
}
.cart-header .drop::before{
	content: "\e618";
	font-family: 'iconfont';
	font-size: .7rem;
	color: #666;
}

/*导航时间部分样式*/
.cart-nav{
	position: fixed;
	top:2.3rem;
	width: 100%;
	margin-bottom: .5rem;
	z-index: 10;
	/*display: none;*/
}
.cart-nav ul{
	background: #fef9f5;
	display: flex;
	height: 2.3rem;
	width: 100%;
}
.cart-nav ul li{
	flex:1;
	display: flex;
	justify-content:center;
	align-items:center;
	border-bottom: 1px solid #f2c0a5;
	font-size: .3rem
}
.cart-nav ul .cart-nav_li{
	border:1px solid #f2c0a5;
	border-bottom: none;
	color: #f2c0a5;
}
.cart-nav ul:last-of-type li{
	border:none;
	border-top:1px solid #ccc;
}

/*主体部分*/
/*没有商品的时候的样式*/
.cart-null{
	background:#f2f2f2;
	height: 100vh;
	display: flex;
	justify-content:center;
	align-items:center;
	display: none;
}
.cart-null section img{
	width: 7.2rem;
	margin-bottom: .5rem;
}
.cart-null section{
	display: flex;
	flex-direction:column;
	align-items:center;
}
.cart-null section p:first-of-type{
	font-size: 1rem;
	font-weight:500;
	color: #666;
}
.cart-null section p{
	line-height: 1.6rem;
	color: #ccc;
}
.cart-null section button{
	width: 6.25rem;
	height: 1.6rem;
	font-size: 1rem;
	border:1px solid #f96d16;
	color: #f96d16;
	background: #f2f2f2;
	border-radius: .3rem;
	outline: none;
	margin-top: .3rem;
}

/*有商品的样式*/
.cart-main {
	/*display: none;*/
	margin: 7.4rem 0;
}
.cart-main h4{
 	width: .8rem;
 	height: .8rem;
 	border:1px solid #f96d16;
 	border-radius: 50%;
	display: flex;
	justify-content:center;
	align-items:center;
 }
 .cart-main  .option::before{
 	content: "\e62d";
 	font-family: 'iconfont'; 
 	color: #f96d16;
 	font-size: 1.5rem;
 }
.cart-main hgroup{
	height: 1.6rem;
	display: flex;
	align-items:center;
	border-bottom: 1px solid #eee;
}
.cart-main hgroup span{
	border:1px solid #f96d16;
	color: #f96d16;
	padding: .2rem;
	border-radius: .2rem;
	display: inline-block;
	height: 1.2rem;
	line-height: .5rem;
	margin:0 .5rem;
}
.cart-main ul li{
	display: flex;
	height: 5rem;
	display: flex;
	align-items:center;
	justify-content:space-between;
	padding: 0 .5rem;
	background:#fff;
	margin-bottom: .2rem;
}
.cart-main ul li img{
	width: 3.7rem;
}
.cart-main ul li div{
	width: 8.2rem;
	position: relative;
	display: flex;
	justify-content:space-between;
	flex-direction:column;
	height: 3.8rem;
	color: #999;
}
.cart-main ul li div .operation{
	position: absolute;
	bottom:0;
	right: 0;
	background: #f2f2f2;
	border-radius: .6rem;
	padding:0 .3rem;
	font-size: 1rem;
}
.cart-main ul li div .cart_name{
	color: #666;
}
.cart-main ul li div .nowPrice{
	color: #f96d16;
	margin-right: .3rem;
}
.cart-main ul li div .oldPrice{
	text-decoration: line-through;
}
.cart-main ul li div .shopNum{
	margin: 0 .5rem;
	color: #666;
}

/*总价计算的样式*/
.cart-main .settlement{
	position: fixed;
	width: 100%;
	height: 2.5rem;
	bottom:2.5rem;
	display: flex;
	justify-content:space-between;
	align-content:center;
	border-top: 1px solid #f96d16;
	border-bottom: 1px solid #f96d16;
}
.cart-main .settlement article{
	flex:1;
	background: #fff;
	display: flex;
	align-items:center;
	padding-left: .7rem;
}
.cart-main .settlement article div{
	margin-left: .5rem;
}
.cart-main .settlement article div span{
	color: #f96d16;
}
.cart-main .settlement article div .freight{
	color: #999;
}
.cart-main .settlement section{
	width: 5.2rem;
	background: #f96d16;
	display: flex;
	justify-content:center;
	align-items:center;
	color: #fff;
}
.cart-main .settlement .explain{
	position: absolute;
	top:-1.5rem;
	left:1rem;
}
.cart-main .settlement .explain p{
	background: #f1c0a3;
	padding: 0 .5rem;
	border-radius: .5rem;
	color: #fff;
}
.cart-main .settlement .explain span{
	position: absolute;
	left:3rem;
	display: inline-block;
	width: 0;
	height: 0;
	border-top: .4rem solid #f1c0a3;
	border-right: .4rem solid transparent;
	border-bottom: .4rem solid transparent;
	border-left: .4rem solid transparent;
}






